<%--
  Created by IntelliJ IDEA.
  User: JJ_yo
  Date: 2020/7/13
  Time: 9:51
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="/css/home.css">
    <%--<script src="/js/jquery-3.5.1.min.js"></script>--%>
    <%--<script src="/js/tfload.js"></script>--%>
</head>
<body>
<!--头部-->
<jsp:include page="top.jsp"></jsp:include>
<!--中间部分-->
<div id="middle">
    <div class="mid-head">
        <c:forEach items="${homeList}" var="homeModel" begin="0" end="0">
            <div class="mid-head-one">${homeModel.bigTitle}</div>
            <div class="mid-head-two">${homeModel.smallTitle}</div>
        </c:forEach>
        <div class="mid-head-three">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div class="mid-sec">
        <div>
            <!--左边-->
            <!--<div class="mid-sec-one">-->
            <!--    <div>-->
            <!--        <div></div>-->
            <!--    </div>-->
            <!--    <div></div>-->
            <!--    <div></div>-->
            <!--</div>-->
            <!--右边-->
            <div class="mid-sec-two">
                <div>
                    <c:forEach items="${homeList}" var="home" begin="1" end="3">
                        <div>
                            <div class="mid-sec-two-top">
                                <div class="mid-sec-two-top-color">${home.bigTitle}</div>
                                <div class="mid-sec-two-bottom-color">${home.smallTitle}</div>
                            </div>
                            <div class="mid-sec-two-bottom">
                                <div></div>
                                <div>MORE DETAILS</div>
                            </div>
                        </div>
                    </c:forEach>
                </div>
                <div>
                    <div>
                        <div class="yello">关于酒店</div>
                        <div class="hui">ABOUT HOTEL</div>
                        <f:forEach items="${homeList}" var="homeModel" begin="0" end="0">
                            <div class="jieshao">${homeModel.hotelMsg}</div>
                        </f:forEach>
                    </div>
                    <div></div>
                </div>
            </div>
        </div>
    </div>
    <div class="mid-thir">
        <div>
            <div>
                <div>
                    <div class="orge">服务项目</div>
                    <div class="baihui">S E R V I C E&nbsp;&nbsp;I T E M S</div>
                </div>
                <div>
                    <c:forEach items="${homeList}" var="thir" begin="1" end="7">
                        <div>${thir.bigTitle}</div>
                    </c:forEach>
                    <%--<div>贵宾阁客房及套房</div>--%>
                    <%--<div>服务式客房及套房</div>--%>
                    <%--<div>餐厅及酒吧服务</div>--%>
                    <%--<div>会议策划及场地</div>--%>
                </div>
            </div>
            <div>
                <c:forEach items="${homeList}" var="thir" begin="1">
                    <img src="${thir.hotelMsg}" height="232" width="300"/>
                </c:forEach>
                <%--<img src="../img/01_6dzw.jpg" height="232" width="300"/>--%>
                <%--<img src="../img/02_ruze.jpg" height="232" width="300"/>--%>
                <%--<img src="../img/03_ad6p.jpg" height="232" width="300"/>--%>
                <%--<img src="../img/04_6rdd.jpg" height="232" width="300"/>--%>
                <%--<img src="../img/05_6weg.jpg" height="232" width="300"/>--%>
                <%--<img src="../img/01_6dzw.jpg" height="232" width="300"/>--%>
                <%--<img src="../img/02_ruze.jpg" height="232" width="300"/>--%>
                <%--<img src="../img/03_ad6p.jpg" height="232" width="300"/>--%>
                <%--<img src="../img/04_6rdd.jpg" height="232" width="300"/>--%>
                <%--<img src="../img/05_6weg.jpg" height="232" width="300"/>--%>
            </div>
        </div>
    </div>
    <div class="mid-four">
        <div>
            <div class="mid-four-one">
                <div>
                    <img src="../img/qq_wipg.png" height="64" width="64"/>
                    <img src="../img/wb_pb3g.png" height="64" width="64"/>
                    <img src="../img/wx_dae9.png" height="64" width="64"/>
                </div>
            </div>
            <div class="mid-four-two"></div>
            <div class="mid-four-three"></div>
            <div class="mid-four-four">
                <c:forEach items="${homeList}" var="four" begin="0" end="0">
                    <div class="mid-four-four-top">
                        <div><img src="../img/b01_ix28.png" height="64" width="64"/></div>
                        <div>${four.contentTop}</div>
                    </div>
                </c:forEach>
                <c:forEach items="${homeList}" var="four" begin="0" end="0">
                    <div class="mid-four-four-top">
                        <div><img src="../img/b02_2v8u.png" height="64" width="64"/></div>
                        <div>${four.contentMid}</div>
                    </div>
                </c:forEach>
                <c:forEach items="${homeList}" var="four" begin="0" end="0">
                    <div class="mid-four-four-top">
                        <div><img src="../img/b03_c48x.png" height="64" width="64"/></div>
                        <div>${four.contentButtom}</div>
                    </div>
                </c:forEach>
                <%--<div class="mid-four-four-mid">--%>
                <%--    <div><img src="../img/b02_2v8u.png" height="64" width="64"/></div>--%>
                <%--    <div>餐厅提供以xx酒、竹叶青、白玉、玫瑰等名酒，以及杏花村--%>
                <%--        系列产品的葡萄酒、啤酒、沙棘酒等饮料酒</div>--%>
                <%--</div>--%>
                <%--<div class="mid-four-four-bottom">--%>
                <%--    <div><img src="../img/b03_c48x.png" height="64" width="64"/></div>--%>
                <%--    <div>酒店设有娱乐设施：有露天游泳池、室内乒乓球室、羽毛球--%>
                <%--        馆、灯光球玚、足球场、健身房、棋牌室、图书</div>--%>
                <%--</div>--%>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>
